.page-user{
	max-width: 640px;
	min-width:320px;
	// margin-left:auto;
	// margin-right:auto;
	margin-top:20px;
}

.line-item{
	display: flex;
	padding: 5px 10px;
	line-height: 34px;
	border-bottom: 1px solid #dbdbdb;
	background: #fff;
	align-items:center;
}

.line-item .item-bd{
	flex:1;
}

.line-item .item-icon{
	width:24px;
	height:28px;
	background:url(http://coding.imweb.io/img/icons/setting.png) no-repeat;
	background-size:24px 28px;
	margin-right:10px;
}

.line-item .icon-v-right{
	width: 10px;
	height: 10px;
	border: 1px solid #dbdbdb;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}

.item--only{
	border:1px solid #dbdbdb;
	border-width:1px 0;
	margin-bottom:20px;
}

.item--user{
	padding:10px;
}

.item--user .item-avatar{
	width:60px;
	height:60px;
	border-radius: 5px;
	margin-right:10px;
}

.item--user .item-bd{
	line-height:2;
}

.item--user .item-id{
	font-size: 12px;
}

.item--user .icon-qrcode{
	width:22px;
	height: 28px;
	background:url(http://coding.imweb.io/img/icons/qrcode.png) no-repeat;
	background-size: 22px 28px;
	margin-right: 10px;
}

.line-list{
	border:1px solid #dbdbdb;
	border-width:1px 0;
	margin-bottom: 20px;
}

.line-list .line-item:last-child {
	border-bottom:0;
}

.footer{
	position: fixed;
	bottom: 0;
	left:0;
	right: 0;
	height:48px;
	background-color: #fff;
	border-top:1px solid #dbdbdb;
}

.nav{
	display:flex;
}

.nav-link{
	text-align: center;
	position: relative;
	padding-top:2px;
	flex-grow:1;
}

.nav-link .link-icon {
    display: inline-block;    //没太懂这行代码的作用
    vertical-align: middle;   //没太懂这行代码的作用 为什么加了这2行，背景图片就可以出来了
    width: 26px;
    height: 28px;
    background: url(http://coding.imweb.io/img/icons/star.png) no-repeat;
    background-size: 26px 28px;
}

.nav-link .link-tt{
	font-size:12px;
}

.nav-link .icon-corner {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #f00;
    top: 4px;
    left: 50%;
    margin-left: 8px;
}